.recommend {
    text-align: center;
    background-image: url(../img/ban-le.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    .container-fluid{
        .mk{
            z-index: 9;
            .back{
        color: #fff;
        font-size: 2rem;
        position: absolute;
        top: 1rem;
        left: 2rem;
            z-index: 9;
    }
    .input{
            z-index: 9;
        position: absolute;
        top: 50%;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        ul{
            li{
                background-color: #fff;
                margin-bottom: 1rem;
                color: #000;
                span{width: 20%;text-align: left;display: inline-block;padding-left: 2%;border-right: 1px solid rgb(24,24,24);}
                input{
                    width: 80%;
                color: #000;
                    background-color: transparent;
                    border: none;
                    border-bottom: 1px solid #fff;
                    padding: 0.5rem 0;
                }
                input::-webkit-input-placeholder {
                color: #000;
                }
            }
        }
        >button{
            margin-top: 5rem;
                width: 100%;
                color: #fff;
                background-color: #000;
                padding: 0.75rem 0;
                
            }
    }
        }
    }
    .make{
        position:absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,.6);
        z-index: 2;
    }
}